<template>
    <div>
        <div class="footer2 fix">
		<div class="left" @click="gototip()">
			<img src="../assets/img/footer1.png" alt="" />
			<span class="handle">办理流程</span>
		</div>
		<div class="list left" @click="gotohospital()">
			<img src="../assets/img/footer1.png" alt="" />
			<span>宠物医院列表</span>
		</div>
	</div>
	<div class="footer">
		<p>本服务由浙江政务服务网、嘉兴市综合行政执法局提供</p>
		 <p class="phone">服务咨询热线：0573-82570072</p>
	</div>
    </div>
</template>
<script>
export default {
    name:'BottomBar',
    data(){
        return{

        }
    },methods: {
		gototip(){
			this.$router.push({path:'/tip'});
		},
		gotohospital(){
			this.$router.push({path:'/hospital'});
		}
	},
}
</script>
<style scoped>
.footer2{
	background: #fff;
	display: flex;
}
.footer2 div{
	flex: 1;
	margin-top:0.7rem;
	margin-bottom:0.65rem;
	text-align: center;
}
.footer2 div img{
  display: inline-block;
  vertical-align: middle;
  height: 0.8rem;
  padding-top: 0.15rem;
  padding-bottom: 0.3rem;
}
.footer2 div span{
	font-family: 'PingFangSC-Regular';
	font-size: 0.7rem;
	text-align: left;
	line-height: 0.7rem;
	padding-top:0.25rem;
	padding-bottom:0.3rem;
	color: #666;
	margin-left:0.3rem;
}
.footer2 div.list{
	border-left:1px solid #E7E7E7;
}
.footer{
	background: #F2F2F2;
	width:100%;
	padding-top:1.25rem;
	padding-bottom:0.9rem;
}
.footer p{
	font-family: 'PingFangSC-Regular';
	font-size: 0.6rem;
	text-align: center;
	color: #666;
	line-height: 0.6rem;
}
.footer p a{
	font-family: 'PingFangSC-Regular';
	font-size: 0.6rem;
	text-align: center;
	/* color: #1492FF; */
	line-height: 0.6rem;
}
.footer .phone{
	margin-top:0.6rem;
}
@media (min-width: 800px) {
	.footer {
  background: #f2f2f2;
  width: 100%;
  padding-top: 0.1rem;
  padding-bottom: 0.2rem;
}
.footer p {
  font-family: "PingFangSC-Regular";
  font-size: 0.3rem;
  text-align: center;
  color: #666;
  line-height: 0.5rem;
}
.footer p a {
  font-family: "PingFangSC-Regular";
  font-size: 0.6rem;
  text-align: center;
  /* color: #1492ff; */
  line-height: 0.6rem;
}
.footer .phone {
  margin-top: 0.2rem;
}
}
</style>
